<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- jsp文件头和头部 -->
    <%@ include file="../base/top.jsp"%>
    <link rel="stylesheet" href="static/css/my_project_details/my_project_details1.css">

</head>
<body class="no-skin">
<div class="main-container" id="main-container">
    <!-- /section:basics/sidebar -->
    <div class="main-content" style="width: 1000px; margin: auto;">
        <div class="main-content-inner">
            <div class="page-content">
                <div class="page-header">
                    <div style="width: 150px;">
                        <select  class="chosen-select form-control" data-placeholder="请选择项目" style="vertical-align:top;width: 160px;" onchange="search(this.value)">
                            <option value=""></option>
                            <c:forEach items="${projectInfoList}" var="projectInfo">
                                <option value="${projectInfo.projectId}">${projectInfo.projectName}</option>
                            </c:forEach>
                        </select>
                    </div>
                </div><!-- /.page-header -->
                <iframe style="overflow: hidden" onload="this.height=this.contentWindow.document.body.scrollHeight" frameborder="no" width="1100px" id="myIframe" name="myIframe" src="project/searchMyProjectDetail?projectId=${projectInfoList[0].projectId}">

                </iframe>
            </div><!-- /.page-content -->
        </div><!-- /.main-content-inner -->
    </div><!-- /.main-content -->
</div><!-- /.main-container -->



<script type="text/javascript" src="static/ace/js/jquery.js" ></script>
<%@ include file="../base/foot.jsp" %>

<script>
    //获取项目详情
    function search(value) {
        window.frames['myIframe'].location.href = "project/searchMyProjectDetail?projectId="+value;
    }
</script>
<script>
    $(function () {
        //下拉框
        if(!ace.vars['touch']) {
            $('.chosen-select').chosen({allow_single_deselect:true});
            $(window)
                .off('resize.chosen')
                .on('resize.chosen', function() {
                    $('.chosen-select').each(function() {
                        var $this = $(this);
                        $this.next().css({'width': $this.parent().width()});
                    });
                }).trigger('resize.chosen');
            $(document).on('settings.ace.chosen', function(e, event_name, event_val) {
                if(event_name != 'sidebar_collapsed') return;
                $('.chosen-select').each(function() {
                    var $this = $(this);
                    $this.next().css({'width': $this.parent().width()});
                });
            });
            $('#chosen-multiple-style .btn').on('click', function(e){
                var target = $(this).find('input[type=radio]');
                var which = parseInt(target.val());
                if(which == 2) $('#form-field-select-4').addClass('tag-input-style');
                else $('#form-field-select-4').removeClass('tag-input-style');
            });
        }
    });
</script>
</body>
</html>
